<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表单标签</title>
	</head>
	<body>
		<!--中心区域代码-->
		<center>
			<!--表单标签-->
			<!--不同时间类型输入-->
			<input type="date"/>
			<input type="datetime"/>
			<!--空格输出-->
			<p>日&nbsp;期<input type="datetime-local"/></p>
			<!--文本类型输入 提示文字-->
			<br/>
			<p>用户名:<input type="text" placeholder="请输入用户名"/></p>
			<p>密码：<input type="password"/></p>
			<!--文件上传-->
			<p>文件上传<input type="file"/></p>
			<!--选择按钮中的可多选-->
			<p>性别<input type="radio"/>男<input type="radio"/>女</p>
			<!--选择按钮中的可单选-->
			<p>性别<input type="radio" name="gender"/>男<input type="radio" name="gender"/>女</p>
			<p><input type="button" value="登陆"></p>
			<p><input type="button" value="取消"></p>
			<p>
				<!--复选框 checked 带有自选特性-->
				爱好：<input type="checkbox" checked="checked">足球
					  <input type="checkbox">篮球
					  <input type="checkbox">看视频
					  <input type="checkbox">游泳
					  <!--颜色标签-->
					  <input type="color">
			</p>
			<p>
				职业:
				<!--
            		select 下拉框 也是个表单标签,multiple的属性为multiple时为选择框可以多选
                -->
				<select multiple="multiple">
					<option>java工程师</option>
					<option>java程序员</option>
					<option>C++程序员</option>
					<option>PHP程序员</option>
					<option selected="selected">C程序员</option>
				</select>	
			</p>
			<hr/>
			<!--
            	文本输入框标签textarea
            	rows为高度,cols:宽度
            	可做留言板
            	字数多时可有自适应下拉框
            	textarea文字为初始信息
            -->
			<textarea rows="10" cols="20">请输入你的文字呀</textarea>
		</center>
		<!--form语句嵌套才能实现submit、reset等功能语句的作用-->
		<!--action 跳到外部网站可以用http://www.baidu.com,http要加-->
		<!--method 属性用来表示网络访问形式,有post和get两种,post无似name那样的显示输入信息，get有，因而get安全性低一点
		凡是敏感的信息用post-->
		<form action="表单内跳转后的页面.html" method="post">
				<!--input 中的text 可以设置placeholder为提示值,value为默认初始值，每次刷新进入皆为此值-->
				<!--name给input标签取名字,有时用来表示向某个网站登陆的时候所反映出来的在网址后面负载的个人信息，相当于大数据的操作，收不收无所谓了-->
				用户名:<input type="text" name="name"/></br>
				密码:<input type="password" name="ps"/></br>
				<input type="submit" value="登陆">
				<input type="reset" value="重置">
		</form>
		<!--
        	可以控制输出方向等属性的滚动条的定义,behavior可实现左右碰撞效果等多种实现
        -->
		<marquee direction="right" width="400px" behavior="alternate">我是一条滚动条</marquee>
	</body>
</html>
